const hello = {
    template: `
    <div><h1 style="color:red">小飞飞真的好纯啊！</h1></div>
    `,
    data(){
        return {
            // 把这里定义的值，返回 给  vue.data属性
        }
    }
};

Vue.component("hello", hello)

// 以前这样去做模块化开发，但是有问题，我们需要在一个js中，嵌入js、hrml、css样式
// 不利于开发

// 所以vue官方就给我搞了  ： 新的模块化开发：   .vue 文件  ：  例如   App.vue
/*
 .vue结尾的文件：
    1）分为三部分：
        template: html代码
        script： js代码
        style: css代码
    2）浏览器不认识 .vue 结尾的文件，vue官方推出了  vue-cli 把.vue结尾的文件编译.js文件

 */
